<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>{$info.title}-邀请函</title>
	<link rel="stylesheet" href="__HOME_CSS__/inv0305.css" />
	<link rel="stylesheet" href="__HOME_CSS__/reset0305.css" />
	<script src="__HOME_JS__/main.js"></script>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<link rel="stylesheet" href="__HOME_CSS__/inv.css?ver=0305">
	<link rel="stylesheet" type="text/css" href="__HOME_CSS__/inv_iconfont.css">
</head>

<body>
	<div class="layout-head">
		<div class="layout-head-img">
			<img src="{$info.cover_url}" alt="" />
		</div>
		<div class="wrap-title">
			<div class="layout-head-title">
				<div class="title">主题：{$info.title}</div>
				<if condition="($info['isprice'] gt 0)">
					<div class="price">￥{$info.price} /人</div>
					<else/>
					<div class="price">免费</div>
				</if>
			</div>
			<div class="layout-head-details">
				<p>
					<img src="__HOME_IMG__/inv/rl.png" alt="" />

					<if condition="($info['atime'] gt 0)">
						<if condition="($timestamp gt ($time_info['max_time']+'604800'))">
							<span>
                               	心动课程即将开始,敬请期待...
                            </span>
						</if>

						<if condition="($timestamp lt $time_info['max_time'])">

							<eq name="time_info.cansign" value="1">
								<span>
									欢迎来到今天的高端体验课程
								</span>
								<else/>
								<eq name="time_info.is_start" value="1">
									<span>
										点击下方“课程报名”，选择心动课程时间
									</span>
								</eq>
								<eq name="time_info.is_start" value="0">
									<span>
										点击下方“课程报名”，选择心动课程时间
									</span>
								</eq>
							</eq>
							<else/>
							<eq name="time_info.is_end" value="1">
								<eq name="time_info.cansign" value="1">
									<span>
										欢迎来到今天的高端体验课程
									</span>
									<else/>
									<eq name="time_info.is_end" value="1">
										<span>
                               				心动课程即将开始,敬请期待...
                               			</span>
									</eq>
								</eq>
							</eq>

						</if>
						


					</if>

					<!-- <volist name="i_time" id="vo">
              <span>{$vo|time_format='Y-m-d H:i'}</span>
            </volist> -->

				</p>
				<p>
					<img src="__HOME_IMG__/inv/wz.png" alt="" /><span>{$info.showaddress}（详细地址付款可见）</span>
				</p>
			</div>
			<div class="layout-head-rules">
				<p>课堂席位：共{$info.num}位</p>
				<p>课堂时常：{$info.length}</p>
				<p>适合人群：{$info.people}</p>
			</div>
		</div>
	</div>
	<if condition="(count($kol_info) gt 0)">
		<volist name="kol_info" id="vo">
			<div class="teacher">

				<div class="img-header">
					<a href="{:U('Nav/kolinfo',array('id' => $vo['id']))}"><img style="max-width:100%" src="{$vo.kvimg_url}" alt="" /></a>
				</div>
				<div class="info">
					<p>体验导师：{$vo.name}</p>
					<p class="star">
						<span>级别:</span>
						<for start='0' end="$vo.stars">
							<img src="__HOME_IMG__/inv/xx.jpg" alt="" />&nbsp;
						</for>
					</p>
				</div>

			</div>
		</volist>
	</if>
	<hr />
	<div class="main">


		<if condition="($info['envi_img'] neq null)">
			<div class="title">
				<img src="__HOME_IMG__/inv/fj.png" />
				<span>环境：</span>
			</div>
			<div class="img">
				<volist name="info['enviimg_url']" id="vo">
					<img src="{$vo}" alt="" />
				</volist>
			</div>
		</if>

		<if condition="($info['tools_img'] gt 0)">
			<div class="title">
				<img src="__HOME_IMG__/inv/gj.png" />
				<span>工具：</span>
			</div>

			<div class="info">
				<span>{$info.tools}</span>
			</div>


			<div class="img">
				<volist name="info['toolsimg_url']" id="vo">
					<img src="{$vo}" alt="" />
				</volist>
			</div>
		</if>



		<if condition="($info['step_img'] neq null)">
			<div class="title">
				<img src="__HOME_IMG__/inv/fdj.png" alt="" />
				<span>课程步骤：</span>
			</div>
			<div class="info">
				{$info.step}
			</div>
			<div class="img">
				<volist name="info['stepimg_url']" id="vo">
					<img src="{$vo}" alt="" />
				</volist>
			</div>
		</if>

		<if condition="($info['result_img'] gt 0)">
			<div class="title">
				<img src="__HOME_IMG__/inv/right-1.png" alt="" />
				<span>成品效果：</span>
			</div>
			<div class="img">
				<volist name="info['resultimg_url']" id="vo">
					<img src="{$vo}" alt="" />
				</volist>
			</div>
		</if>

		<if condition="($info['videourl'] neq null)">
			<div class="title">
				<img src="__HOME_IMG__/inv/fdj.png" alt="" />
				<span>视频回顾: </span>
			</div>


			<center>
				<iframe frameborder="0" src="{$info.videourl}" allowFullScreen="true"></iframe>
			</center>


		</if>

		<!-- <div class="title">
				<img src="./孕期营养膳食DIY-邀请函_files/fdj.png" alt="">
				<span>视频回顾：</span>
			</div>		
			<div class="info">
				<center>
					<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=b0851c9h0b2" allowFullScreen="true"></iframe>
				</center>
			</div> -->

	</div>
	<div class="foot">

		<img style="width: 100vw;" src="__HOME_IMG__/default/erweima.png" />

	</div>
	<neq name="price_url" value="">

		<div class="template">
			<div style="border-top: 1px solid #c4863d;" class="xuanfu">
				<a href="{$price_url}">
					<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:100vw">合作流程</p>
				</a>
			</div>
		</div>
		<else/>
		<if condition="($info['atime'] gt 0)">

			<if condition="($timestamp lt $time_info['max_time'])">

				<eq name="time_info.cansign" value="1">
					<div class="template">
						<div style="border-top: 1px solid #c4863d;" class="xuanfu">
							<a href="{$info.sign_url}">
								<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">课程签到</p>
							</a>

							<a href="{$info.live_url}">
								<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">现场花絮</p>
							</a>
						</div>
					</div>
					<else/>
					<eq name="time_info.is_start" value="1">
						<div class="template">
							<div style="border-top: 1px solid #c4863d;" class="xuanfu">
								<a href="{:U('orderInvite', array('id' => $info['id']))}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:100vw;">课程报名</p>
								</a>
							</div>
						</div>
					</eq>
					<eq name="time_info.is_start" value="0">
						<div class="template">
							<div style="border-top: 1px solid #c4863d;" class="xuanfu">
								<a href="{:U('orderInvite', array('id' => $info['id']))}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw;">课程报名</p>
								</a>
								<a href="{$info.live_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">现场花絮</p>
								</a>
							</div>
						</div>
					</eq>


				</eq>


				<!-- <div style="height: 20vw;width: 100vw;" id=""> </div> -->
				<else/>
				<eq name="time_info.is_end" value="1">
					<eq name="time_info.cansign" value="1">
						<div class="template">
							<div style="border-top: 1px solid #c4863d;" class="xuanfu">
								<a href="{$info.sign_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:49vw">课程签到</p>
								</a>
								<a href="{$info.live_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:49vw">现场花絮</p>
								</a>
							</div>
						</div>
						<else/>
						<eq name="time_info.is_end" value="1">
							<div class="template">
								<div style="border-top: 1px solid #c4863d;" class="xuanfu">
									<a href="{$info.live_url}">
										<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:100vw">现场花絮</p>
									</a>
								</div>
							</div>
						</eq>
					</eq>
				</eq>

			</if>
			<else/>
			<a href="javascript:;">
				<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;">Coming soon...</p>
			</a>
			</div>
			</div>
		</if>
	</neq>

	<div style="height: 20vw;width: 100vw;" id=""></div>
</body>

</html>